<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>webpack打包测试</title>
  </head>
  <body>
    <h1>音频分段播放</h1>
    <!-- #region    音频播放区域 -->
    <div class="play">
      <div class="content">
        <form action="#" class="import">
          <input type="file" name="import_mp3_file" id="import_mp3_file" />
        </form>
        <audio controls></audio>
        <form action="#" class="cut">
          <label class="cut_start_time">
            开始时间:
            <span></span>
            <button>截取</button>
          </label>
          <label class="cut_end_time">
            结束时间:
            <span></span>
            <button>截取</button>
          </label>
          <div class="control">
            <button class="add_item">添加</button>
          </div>
        </form>
      </div>
    </div>
    <!-- #endregion 音频播放区域 -->
    <!-- #region    音频片段列表 -->
    <div class="slice">
      <div class="content">
        <table>
          <thead>
            <tr>
              <th>序号</th>
              <th>开始时间</th>
              <th>结束时间</th>
              <th>持续时间</th>
              <th>播放</th>
              <th>停止</th>
              <th>删除</th>
            </tr>
          </thead>
          <tbody></tbody>
        </table>
      </div>
    </div>
    <!-- #endregion 音频片段列表 -->
  </body>
</html>
